# Breadcrumbs

## Installation
`npm i @snack-uikit/breadcrumbs`

[Changelog](./CHANGELOG.md)


[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## Breadcrumbs
Компонент хлебных крошек
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| items* | `Item[]` | - | Массив айтемов |
| className | `string` | - | CSS-класс |
| separator | `string` | "›" | Разделитель |
| size | enum Size: `"xs"`, `"s"` | s | Размер |
| firstItemIconOnly | `boolean` | false | Использовать иконку без лейбла в первом айтеме |
| inactiveLastItem | `boolean` | false | Делает некликабельным последний элемент, даже если для него переданы `href` или `onClick` |
| lastEmpty | `boolean` | - |  |


[//]: DOCUMENTATION_SECTION_END

Массив объектов, описывающих компонент:
```ts
type Item = {
  /* Уникальный id */
  id: string,
  /* Текст */
  label: string;
  /* Короткий вариант текста */
  shortLabel?: string;
  /* Ссылка */
  href?: string;
  /* Колбек обработки клика в айтем */
  onClick?(): void;
}
```
Компоненты Breadcrumbs мемоизирован, старайтесь передавать `items` одной и той же ссылкой.